.message {
  margin: 40px 180px;
  height: 600px;
  display: flex;
  flex-direction: row;

  .friendList {
    width: 260px;
    height: 600px;
    background-color: #e8eced;
    overflow: auto;


    .item {
      height: 70px;
      display: flex;
      flex-direction: row;
      justify-content: start;
      background-color: #e8eced;
      cursor: pointer;

      &:hover {
        background-color: #d6dadb;
      }

      img {
        margin: 10px;
        width: 50px;
        height: 50px;
        border-radius: 25px;
      }

      strong {
        display: inline-block;
        height: 70px;
        font-size: 16px;
        line-height: 70px;
      }
    }
  }

  .messageBox {
    flex: 1;
  }

}